<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文件上传与下载</title>
</head>
<body>
  <h1>文件上传与下载示例</h1>

  <!-- 文件上传部分 -->
  <h2>上传文件</h2>
  <form id="uploadForm">
      <input type="file" id="fileInput" name="file">
      <button type="button" onclick="uploadFile()">上传文件</button>
  </form>

  <!-- 文件下载部分 -->
  <h2>下载文件</h2>
  <button onclick="downloadFile()">下载文件</button>

  <script>
      // 用于存储上传的文件
      let uploadedFile = null;

      // 上传文件
      function uploadFile() {
          const fileInput = document.getElementById('fileInput');
          if (fileInput.files.length > 0) {
              uploadedFile = fileInput.files[0];
              alert('文件上传成功: ' + uploadedFile.name);
          } else {
              alert('请选择一个文件上传');
          }
      }

      // 下载文件
      function downloadFile() {
          if (uploadedFile) {
              const url = URL.createObjectURL(uploadedFile);
              const a = document.createElement('a');
              a.href = url;
              a.download = uploadedFile.name;
              document.body.appendChild(a);
              a.click();
              document.body.removeChild(a);
              URL.revokeObjectURL(url);
          } else {
              alert('没有可下载的文件，请先上传文件');
          }
      }
  </script>
</body>
</html>